<!--
 * @Descripttion: 暂无数据
 * @version: 
 * @Author:Hui
 * @Date: 2023-08-03 15:05:08
 * @LastEditTime: 2023-10-13 14:43:12
 * @LastEditors:Hui
-->


<template>
  <view class="empty">
    <image
      src="@/static/images/icon/empty.png"
      class="icon"
      mode="scaleToFill"
    />
    <view class="text">{{noDataText}}</view>
  </view>
</template>


<script>
export default {
  props: {
    noDataText: { type: String, default: '暂无数据' }
  }
}
</script>

<style lang="scss" scoped>
.empty{
  padding: 10% 0;
  .icon{
    width: 300rpx;
    height: 300rpx;
    display: block;
    margin: 0 auto;
  }
  .text{
    font-size: var(--hui-font-size-28);
    text-align: center;
    color: var(--hui-color-subtitle);
    margin: 32rpx 0 0 0;
  }
}
</style>